<html>
	<head>
	<title>Empower Artists</title>
		<link rel="stylesheet" type="text/css" href="yui/build/reset/reset.css"> 
		<link rel="stylesheet" type="text/css" href="yui/build/fonts/fonts.css"> 
		<link rel="stylesheet" type="text/css" href="yui/build/grids/grids.css"> 
		<link rel="stylesheet" type="text/css" href="yui/build/base/base.css">
		<link rel="stylesheet" type="text/css" href="catalogue.css">
		<script src="../public/javascripts/prototype.js"></script>
		<script src="../public/javascripts/widgets.js"></script>
	</head>
<body>
<div id="doc2" class="yui-t2">
    <div id="hd">
    	<div id="logo">
    		Artists
    	</div>
		<div id="hd_main_wrapper">
			<div id="hd_text">
				<div id="hd_right_links">Login | My Account | Help</div>
				Our Mission: Empower artists
			</div>
			<div id="hd_search">
				Search:
				<input type="text">
				<a href="#">go</a>
				<a href="#">Shopping Cart</a>
			</div>
		</div>
    </div>
    <div id="bd">
        <div id="yui-main">
            <div class="yui-b">
            	<div id="product_main">
		        	<h2>Art Name</h2>
					<p class="sub_h2">by <a href="#">artist name</a> from the <a href="#">region name</a> region</p>
					<div class="col2">
						<div class="left">
							<div class="flicker" align="center">
								<img src=""id="thisImageContainer"/>
								<br/>
								<a href="#" id="thisLeftButton">&laquo;</a>
								<span id="thisTextContainer"></span>
								<a href="#" id="thisRightButton">&raquo;</a>
								<script>new ImageFlicker("thisLeftButton", "thisRightButton", "thisImageContainer", "thisTextContainer", ["image1.png", "image2.png", "image3.png" ] ) </script>
							</div>
						</div>
						<div class="right">
							asdfj asdflkja sfla sdflkjasdf asdfj asdflkja sfla sdflkjasdf asdfj asdflkja sfla sdflkjasdf 
							asdfj asdflkja sfla sdflkjasdf asdfj asdflkja sfla sdflkjasdf asdfj asdflkja sfla sdflkjasdf 
							asdfj asdflkja sfla sdflkjasdf asdfj asdflkja sfla sdflkjasdf asdfj asdflkja sfla sdflkjasdf 
						</div>
					</div>
				</div>
				<div class="col2">
					<div class="price_container">
						<div id="add_to_cart_button"><a href="#">Add to Cart</a> <a href="#">Learn where Your Money Goes?</a></div>
						Listed for price
					</div>
				</div>
				<div class="col2">	
					<div id="other_items" class="left">
						<div>Other Art by This Artist</div>
						<div class="itemBox">
							<div class="flickerContainer">
								<img src=""id="thisImageContainer1"/>
								<br/>
								<a href="#" id="thisLeftButton1">&laquo;</a>
								<span id="thisTextContainer1"></span>
								<a href="#" id="thisRightButton1">&raquo;</a>
								<script>new ImageFlicker("thisLeftButton1", "thisRightButton1", "thisImageContainer1", "thisTextContainer1", ["image1.png", "image2.png", "image3.png" ] ) </script>
							</div>
							<div class="priceContainer">
								$150.00 <br/>
								<a href="#">learn more</a><br/>
								<a href="#">add to cart</a>						
							</div>
							<span> art title</span><br/>
							the actual text that describes tha rtowrk
						</div>
					</div>
					<div id="similiar_items" class="right">
						<div>Similar Art</div>
					</div>
				</div>
			</div>
	    </div>
		<div class="yui-b">
		    <p>sidebar</p>
		</div>
	</div>
    <div id="ft">
    	<strong>Empower Artists</strong> connects YOU to ME and We.  Your Purchases change lives!!!11. <a href="#">learn more &raquo;</a>
		<div class="center"> about us | our mission | terms | blog</div>
    </div>
</div>

</body>
</html>